<!--新增任务-->
<style>
    .no-data {
        height: 117px;
    }

    .no-data span {
        margin: 10px auto 0;
        height: 37px;
    }
    .pagination .pagination-con{
        float: left;
        margin-top: 5px;
    }
    .col-sm-2 .btn{
        min-width: 90px;
    }
    .salesman-title{
        padding: 5px 0;
        display: inline-block;
    }
</style>
<div class="ui-dialog-content" style="width: 920px;">
    <table width="100%">
        <tr>
            <td class="form-cell pt16"  width="88" valign="top"><em class="c-red mr5">*</em>任务时间：</td>
            <td class="pt12" valign="top" width="330">
                <div class="fl clearfix ng-scope">
                    <input type="text" class="input-text input-data fl" readonly="" id="start_date" ui-date="" format="yyyy-MM-dd HH:mm" max-date="#F{$dp.$D(\'end_date'\)}" ng-model="data.start_time">
                    <span class="fl lh30">&nbsp;&nbsp;-&nbsp;&nbsp;</span>
                    <input type="text" class="input-text input-data fl" readonly="" id="end_date" ui-date="" format="yyyy-MM-dd HH:mm" min-date="#F{$dp.$D(\'start_date'\)}" ng-model="data.end_time">

                </div>
            </td>
            <td class="form-cell pt16"  width="75" valign="top">拓客目标：</td>
            <td class="pt12" valign="top"><input type="text" class="input-text mr5" style="width: 396px;" ng-model="data.target">人</td>
        </tr>
        <tr>
            <td class="form-cell pt16" valign="top" width="75"><em class="c-red mr5">*</em>活动地点：</td>
            <td class="pt12" valign="top" colspan="3">
                <div class="fl select mr10" style="width: 295px;" ui-location location="data">
                </div>
                <input type="text" class="input-text fl" placeholder="街道/单位" style="width: 503px;" ng-model="data.address">
            </td>
        </tr>
        <tr>
            <td class="pt5 c-gray" align="right" valign="top" colspan="4">
                街道 /单位建议录入简洁，如XX步行街，XX小区，XX商场，XX公司等，方便后续复用，及数据统计分析。
            </td>
        </tr>
    </table>
    <div class="row mt25 clearfix">
        <div class="col-sm-6">
            <div class="clearfix">
                <div class="search clearfix row">
                    <div class="col-sm-2"><label class="salesman-title">成员列表</label></div>
                    <div class="col-sm-10">
                        <input type="text" class="input-text fl" placeholder="姓名/手机号"
                               ng-model="keyword" style="width: 289px;">
                    </div>
                </div>
            </div>
            <div class="mt5 table-wrap" style="height: 341px;">
                <table width="100%">
                    <thead>
                    <tr class="thead ta-l" height="30">
                        <th style="width:60px">
                            <input type="checkbox" ui-checkbox="" ng-model="checker.all"
                                   ng-change="checker.checkAll()">序号

                        </th>
                        <th style="width:120px">姓名</th>
                        <th style="width:120px">手机号</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="user in users | filter: userFilter">
                        <td height="30">
                            <input type="checkbox" ui-checkbox="{{$index + 1}}" ng-change="checker.check(user)" ng-model="user.checked"></td>
                        <td>{{user.user_name}}</td>
                        <td>{{user.mobile}}</td>
                    </tr>
                    </tbody>
                </table>
                <!--<div class="no-data ng-hide" ng-show="!memberList.length">
                    <span>暂无数据</span>
                </div>-->
            </div>
        </div>

        <div class="col-sm-6">
            <div class="clearfix">
                <div class="search clearfix">
                    <label class="salesman-title">已选择成员列表</label>
                </div>
            </div>
            <div class="mt5 table-wrap last-tab" style="height: 341px;">
                <table width="100%">
                    <thead>
                    <tr class="thead ta-l" height="34">
                        <th style="width:80px;height: 34px;">
                            序号
                        </th>
                        <th style="width:120px;">姓名</th>
                        <th style="width:120px;">手机号</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="user in data.member_users">
                        <td height="30">
                            {{$index + 1}}
                        </td>
                        <td>{{user.user_name}}</td>
                        <td>{{user.mobile || user.tel}}</td>
                        <td><a href="javascript:;" class="c-orange" ng-click="deselectUser(user)">移除</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>